/**
 * colors:
 * Green :	#008000, #99cc99, #c8ded0
 * Yellow:	#efc919
 */
html, body {
	width: 100%;
	height: 100%;
}
body {
	background-color: #ffffff;
}
p {
	word-wrap: break-word;
}
/* top bar */
.topbar {
	width: 100%;
	background-color: #eeeeee;
}
	.bar {
		width: 980px;
		margin: 0 auto;
	}
		.bar ul {
			height: 30px;
		}
		.bar li {
			line-height: 30px;
		}
		.bar a {
			display: inline-block;
			margin: 0 5px;
		}
		.login {
			float: left;
		}
			.login li {
				float: left;
			}
			.login label {
				padding: 0 5px 0 0;
			}
			.login input {
				margin: 0 5px 0 0;
			}
			.qq {
				padding: 0 0 0 16px;
				background: url(../images/qq.png) no-repeat left center;
			}
		.classroom {
			float: right;
		}
			.classroom li {
				float: left;
			}
			.classroom .last {
				margin: 0 0 0 5px;
			}
/* top bar END*/
/* main - contain: findpass and findimg */
.main {
	width: 980px;
	margin: 0 auto;
	padding: 20px 0 30px;
	border-bottom: 1px solid #c8ded0;
}
/* findpass */
	.findpass {
		width: 670px;
		padding: 0 10px;
		float: left;
	}
		.title {
			height: 40px;
			line-height: 40px;
			border-bottom: 1px dotted #99cc99;
		}
			.title h2 {
				font-size: 14px;
			}
		.pass {
			height: 360px;
			width: 670px;
			overflow: hidden;
		}
		.passpanel {
			height: 100%;
			width: 2010px;
		}
			.steps {
				float: left;
				height: 280px;
				width: 620px;
				padding: 20px 0 0 50px;
			}
				.steps h2 {
					color: #008000;
					font-size: 20px;
					line-height: 60px;
				}
				.steps li {
					line-height: 40px;
					margin: 0 0 5px 0;
				}
				.steps label {
					font-size: 14px;
				}
				.inputext {
					padding: 2px;
					border: 1px solid #cccccc;
					height: 20px;
					font-size: 14px;
				}
					.w180 { width: 180px;}
					.w90 { width: 90px;}
				.inputext:focus,
				.inputext:hover {
					border: 1px solid #008000;
					outline: none;
				}
				.vercode {
					margin: 0 10px 0;
				}
					.vercode img {
						width: 80px;
						height: 26px;
						vertical-align: middle;
					}
				.next {
					width: 150px;
					height: 40px;
					cursor: pointer;
					margin: 10px 0 0;
					text-indent: -9999em;
					background: url(../images/next.gif) no-repeat 0 0;
				}
				.next:hover {
					background-position: 0 -42px;
				}
				.next:active {
					background-position: 0 -84px;
				}
/* findimg */
	.findimg {
		float: left;
		width: 280px;
		height: 330px;
		padding: 70px 0 0 10px;
	}
/* main END*/
/* footer */
.footer {
	width: 980px;
	margin: 10px auto 0;
}
	.links {
		border: 1px solid #008000;
		padding: 5px 10px 15px;
	}
		.links h3 {
			line-height: 30px;
			font-size: 14px;
		}
		.linkto img {
			width: 112px;
			height: 42px;
			border: 1px solid #c8ded0;
		}
	.statement {
		text-align: center;
		margin: 10px 0 30px;
	}
		.contact {
			height: 20px;
			line-height: 20px;
		}
		.statement ul {
			display: inline-block;
		}
			.statement li {
				float: left;
				padding: 5px;
			}
/* footer END*/